
.hbox {
    -fx-background-color: #406DA0;
}

.font-color {
    -fx-fill: #E5ECF6;
}

.slider .thumb {
    -fx-background-color: rgb(52, 109, 207);
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-width: 1.5;
    -fx-border-color: white;
    -fx-padding: 10;
    -fx-shape: "
    M 100, 100
    m -75, 0
    a 75,75 0 1,0 150,0
    a 75,75 0 1,0 -150,0
    ";
}

.slider .track {
    -fx-background-color: #e6e6e6;
    -fx-background-radius: 0.5;
}

.slider .thumb:hover {
    -fx-border-color: rgb(153, 181, 230);
}

.slider .thumb:pressed {
    -fx-border-color: white;
}